@import '../_mixins.scss';

.WelcomeScreen {
    flex-direction: column;
    z-index: 20;
    justify-content: flex-end;
    
    * {
        z-index: 21;
    }

    .WelcomeScreen__body {
        display: flex;
        flex: 1;
        width: 100%;
        align-items: center;
        justify-content: center;
        -webkit-font-smoothing: antialiased;

        .WelcomeScreen__content {
            display: flex;
            flex-direction: column;
            width: 100%;
            align-items: center;
            justify-content: center;

            .WelcomeScreen__button {
                margin-top: 22px;
            }
        }

        &.outToLeft {
            @include outToLeft(40);
    
            animation: outToLeft40 0.4s ease-in-out;
            opacity: 0;
        }
    }

    .WelcomeScreen__footer {
        display: block;
        width: 100%;
        height: 100px;
    }
}
